<template>
	<div class="tips">
		<h3 class="title">{{ $t('oj.manual') }}</h3>
		<!-- https://www.notion.so/JustOJ-673f15f8e3e94aebab2b43bfdb41ce6c -->
		<a class="manual" href="#">
			{{ $t('oj.manual.online') }}
		</a>
		<p class="tip">{{ $t('oj.manual.comment') }}</p>
	</div>
</template>

<style scoped>
	.tips {
		width: 100%;
	}

	.tips > .tip,
	.tips > .manual {
		font-size: 14px;
	}

	.tips > .title {

	}

	.tips > .manual {
		display: block;
		margin-top: 12px;
		margin-bottom: 6px;
	}

	.tips > .tip {

	}
</style>
